
import React,{ useState } from 'react'

import {ColorBrowser} from './components/colorBrowser'
import {ColorPicker} from './components/colorPicker'

import {RGB} from './model/color';

function App() {
  
  const [color,setColor] = useState<RGB>({red:255,green:0,blue:0})
  console.log(color,'-----');
  
  return (
    <div className="App">
      <ColorBrowser color={color} />
      <ColorPicker color={color} onColorUpdate={setColor}/>
    </div>
  )
}

export default App
